15 Awesome JavaScript Simple Slideshow Tools That You’ll Surely Like
This image slideshow jQuery uses unobstrusive javascript to transform a block of simple HTML slideshow generator markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes. When using this plugin, your page layout will be consistent even if javascript has been disabled.Multiple customized slider instances can happily live on the same page, and the slider offers a simple API to control the slider’s behaviour from within your custom scripts.Won’t break layout if javascript disabled.
2. CSS Slider
non jQuery Slider, pure CSS image slider.
Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!
No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly
Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker
These layers can contain anything, from simple jQuery slider to complex HTML content, like videos. Also, the jQuery auto slideshow gallery will stop or pause when a video starts playing.(Content) Thumbnails – You can add simple image thumbnails or thumbnails that have HTML content.Show/Hide – You have the option to hide and show on hover the arrow buttons, the slideshow button, the timer animation, the captions and whole thumbnail scroller, or only some elements of the scroller, like the JavaScript image scroller buttons, arrows or scrollbar.Per slide settings – You can define a different transition effect for each slide, using either the plugin’s JavaScript API or XML attributes.Auto slideshow – You can set the slider to auto slideshow JavaScript free mode and you also have the option to pause the slideshow mode on mouse hover
the slideshow will pause when the lightbox is opened
added pause slideshow on hover option
added simple slide effect
This Zuper Slider uses unobtrusive javascript and a powerful configuration panel for effects and design elements to transform a block of simple slideshow HTML markup into a beautiful elegant slider.Saves development time – Powerful features – Simple implementation – Fully customizable.
iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.Advanced JavaScript API considered.Simple clean & valid markup
Developed with pure object oriented JavaScript
“iLightBox is real great plug! i don’t find a system to open the slideshow with only one thumb… great work”—Ciccio Pasticcio
li JQuery JavaScript image slider / banner rotator with many cool features. Whenever you need a full featured slider image rotator or you need a simple ad banner, li jQuery Image slider will do the job with ease!
This means that if you need to change the slider you do not need to tweak the JavaScript code. Have you ever thought about having slider/banner and ads on one page and all they are JavaScript driven? Imagine how cool it is! You can have one JavaScript file and multiple sliders.
jQuery Train Slider is a animation jQuery plugin that lets you easily create powerful javascript Sliders with an unlimited transition effect. It is very simple to implement and is fully customizable
Evo Slider Pro – jQuery Slideshow & Content Slider Plugin
Simple, powerful and easily customized. without coding any JavaScript code at all.
10. Slide Panel
Slide Panel is a JavaScript library, designed for easy creation of animated slides. You can create interactive slider with images, text and links, by using simple, declarative approach. To create a slideshow, you will need to create a html structure (so it is search-engine friendly!) and then, write a configuration in JavaScript — but it’s easy. I have included production-ready JavaScript file (49 KB — gzipping can further reduce size down to 16 KB).
The Simple Javascript XML Slideshow (SJXS) allows you to easily create truly dynamic slideshows using javascript and an xml file. No need for a ton of html, just let javascript and xml do the work for you. Also, I’ve added a simple to use Slideshow Generator that will allow you to create all the code you need for your slideshow: required files, javascript, xml, html and even the basic css. This will allow you to quickly create a slideshow with exactly the features you want.Slideshow Generator
More than one slideshow can be on the same page
Loads of documentation, experience with javascript or xml is not needed
If you are familiar with my previous flash based basic slideshow this is the html spin-off of that file.Notice: Javscript required for this slideshow. This slideshow does not currently degrade because of it’s use of xml to power the slideshow.
Rockstar Touch Slider is a script for creating a simple and minimalistic slider or a slideshow. <div class="slideshow">
That is all you need to make the slideshow work! No image rotator JavaScript is needed and no external CSS file.
The main goal of FilterSlider is to manipulate images and HTML content slider free using canvas, jQuery library and Javascript. Using FilterSlier is extremly simple.
Lightbox with slideshow (play, pause, auto-play)
Deactivate and Activate Features through Javascript Options
Now it has a more simple sintaxis
Cute Slider is a unique and easy JavaScript slideshow slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. Option to set shuffle mode for slideshow
Advanced javascript API considered. Simple clean & valid markup
Developed with pure object oriented javascript.Add new feature: Shuffle mode for slideshow
It can also be turned into a slideshow so that your viewer can see your work without having to do nothing. and a simple div in the position you want:
9 transitions effects that can be very simple modified
content is still viewable without JavaScript enabled.More than one slideshow can be on the same page